<template>
  <div id="notfount">
    <h2>404 您访问的页面丢失了</h2>
    <div @click="toHome">点我跳转至首页</div>
  </div>
</template>
<script>
import { useRouter } from "vue-router";
export default {
  name: "NotFount",
  setup() {
    const router = useRouter();
    function toHome() {
      router.push({
        path: "/home/firstpage",
        query: {
          jyIndex: 0,
        },
      });
    }
    return {
      toHome,
    };
  },
};
</script>
<style lang='less' scoped>
#notfount {
  h2 {
    font-size: 36px;
  }
  > div {
    color: lightblue;
    text-decoration: lightblue solid 2px;
    text-align: center;
    border: solid lightblue;
    height: 100px;
    line-height: 100px;
    margin: 20px;
  }
}
</style>